<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设计师个人中心</title>
    <link type="text/css" rel="stylesheet" href="../Public/css/reset.css">
    <link type="text/css" rel="stylesheet" href="../Public/css/DateTimePicker.css">
    <link type="text/css" rel="stylesheet" href="../Public/css/style.css">
    <script type="text/javascript" src="../Public/script/jquery.js"></script>
<script type="text/javascript" src="../Public/layer/layer.js"></script>
    <style>
        input{
            border: 1px solid #D3D4D3;
        }    
        .tr{
            width: 100%;
            display:block;
            margin: 1%;
        }    
        .td{
            width: 50%;
            text-align: right;
            padding-right: 5%;
        }
        .title-img{
            background: url("../Public/images/center.jpg") center no-repeat;
            height: 160px;
            background-size: cover; -moz-background-size: cover;
        }
        .big{
            display: flex;flex-direction: row;padding-right: 2%;padding-left: 2%;margin-bottom: 2%;margin-top:15px;
        }
        .active{
            color: red;
        }
        .center_ul{
            width: 100%;margin: 0;padding: 0;
        }
        .center_li{
           font-weight: 400;padding: 10px;
        }
        .menu{
            width:15%;background-color: #e6f1ef;text-align: center;margin: 0;padding: 0;height: 500px
        }
        .top01{
            width: 80%;margin-left: 10px;
        }
        .top01 .menu-top{
            display: flex;
            flex-direction:row;
            width: 100%;
            justify-content:space-between;
            margin: 0;
            padding-bottom: 1.5%;
            padding-top: 1.5%;
            color: #353333;
            text-align: center;
            background-color: #7bc2f1;
        }
        .top01 .menu-msg{
            font-size: 14px;
            display: flex;
            flex-direction:row;
            width: 100%;
            justify-content:space-between;
            margin: 0;padding: 0;
            text-align: center;
            background-color: #b1bbb9;
        }
        .top01 .menu-msg li {
            padding: 1%;width: 9%;align-self: center;
        }
        .top01 .menu-top li{
            padding: 1%;width: 9%;
        }
        .top01 .menu_top{
            margin-bottom: 1%;
        }
        .bottom_01{
            display: flex;flex-direction:row;width: 100%;justify-content:space-between;margin: 0;padding: 0;text-align: center;
        }
        .bottom_01 .table{
            padding: 1%;width: 9%;align-self: center;
        }
        .bottom_01 .img{
            display: flex;flex-direction:column; width: 10%;
        }
        .bder{
            border: 1px solid #2e8ded;margin-bottom: 2%;
        }
        .pdg{
            padding: 1%;border-bottom: 1px solid #e6f1ef;

        }
              #shanchu:hover{color: red}
    </style>
    <style>

.current{padding: 4px 11px;background:#FFC904 ;color: #fff; border: 1px solid #e5e5e5; font-size: 15px }
.num{ background: ; color: #009f8f;padding: 4px 11px;border: 1px solid #e5e5e5; font-size: 15px   }
.prev{border: 1px solid #e5e5e5; background: ;  color: #009f8f; font-size: 15px;padding: 4px 11px;}
.next{ border: 1px solid #e5e5e5; background: ; color: #009f8f; font-size: 15px;padding: 4px 11px; }

.ddd{border: 1px solid #e5e5e5; color:#009f8f;padding: 4px 11px;font-size: 15px}

</style>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function(){
                $(function(){
                    $('.menu-top a').each(function(){
                      
                        if($(this)[0].href==String(window.location))
                         $(this).parent().addClass('active');
                        
                    });
                       
                });
  
        });   
            

    </script>
<!-- 公共头部引用 str -->
<include file="Common:header"/>
<!-- 公共头部引用 str -->
<div class="title-img"></div>
<div class="big" ><!--style="display: block"-->
        <div class="menu">
            <include file="Common:menu"/>
        </div>
        <div class="top01" style="display: block">
            <div class="menu_top">
                <ul class="menu-top">
                    <!--主页-->
                    <li style="color: red" ><a href="{:U('User/person',array('zid'=>1))}">已下单</a></li>
                     <li style="color: red" ><a href="{:U('User/person',array('zid'=>2))}">已签订合同</a></li>
             <!--        <li>待联系</li>
                    <li>带合作</li> -->
                    <li style="color: red"><a href="{:U('User/person',array('zid'=>4))}">待设计</a></li>
                    <li style="color: red"><a href="{:U('User/person',array('zid'=>5))}">设计已上传</a></li>
                     <li style="color: red"><a href="{:U('User/person',array('zid'=>8))}">建造中</a></li>

                 <!--    <li>待生产</li>
                    <li>生产中</li>
                    <li>待装配</li>-->
                    <li style="color: red"><a href="{:U('User/person',array('zid'=>9))}">装配中</a></li> 
                   <li style="color: red"><a href="{:U('User/person',array('zid'=>10))}">已完成</a></li>
                   <li style="color: red"><a href="{:U('User/person',array('zid'=>11))}">已评价</a></li>

                    <!--我的订单-->
             <!--        <if condition="$_SESSION['zhuangtai'] eq 1">
                    <li class="active">待接单</li>
                    <li>待设计</li>
                    <li>已设计</li>
                    <li>待确认</li>
                    <li>已确认</li>
                    </if> -->
                </ul>
            </div>
            <div style="margin-bottom: 1%;">
                <ul class="menu-msg">
                    <li style="width: 10%">商品</li>
                    <li>单价</li>
                    <li>设计师</li>
                    <li>风格</li>
                    <li>城市</li>
                    <li>户型</li>
                    <li>面积</li>
                    <li>预算</li>
                    <li>交易状态</li>
                    <li>交易操作</li>
                </ul>
            </div>
            <volist name="data" id="vo">
            <div class="bder" >
                <div class="pdg">订单号：{$vo.code}</div>
                 <volist name="vo.dingdan" id="jj">
                <div class="bottom_01">
                    <div class="table img" >
                        <a href="{:U('Shop/detail',array('id'=>$jj['id']))}"><img style="height: 60px;padding-bottom: 5px" src="Uploads/{$jj.img}"></a>
                        <span style="font-size: 10px">{$jj.name}</span>
                    </div>
                    <div class="table">{$jj.price}元/m²</div>
                    <div class="table">{$jj.user}</div>
                    <div class="table">{$jj.fengge}</div>
                    <div class="table">{$jj.chengshi}</div>
                    <div class="table">{$jj.huxing}一厅</div>
                    <div class="table">{$jj.area}m²</div>
                    <div class="table">{$jj.baojia}万</div>
                    <div class="table"><if condition="$vo.zid eq 1">已下单</if>
                                        <if condition="$vo.zid eq 2">已签订合同</if>
                                        <if condition="$vo.zid eq 3">设计师已接单</if>
                                        <if condition="$vo.zid eq 4">待设计</if>
                                        <if condition="$vo.zid eq 5">设计已上传</if>
                                        <if condition="$vo.zid eq 6">设计重上传</if>
                                        <if condition="$vo.zid eq 7">设计已确认</if>
                                        <if condition="$vo.zid eq 8">建造中</if>
                                        <if condition="$vo.zid eq 9">装配中</if>
                                        <if condition="$vo.zid eq 10">已完成</if>
                                        <if condition="$vo.zid eq 11">已评价</if>
                                         <if condition="$vo.zid eq 12">已拒接订单</if>
                                         <if condition="$vo.zid eq 13">订单已取消</if>
                                        </div>
                                   <if condition="$vo.zid eq 1">    
                    <div class="table" style="color: #7bc2f1;"><a id='shanchu' href="javascript:;" onclick="quxiao(this, {$vo.id})">取消</a></div>
                    </if> 
                    <if condition="$vo.zid eq 2">    
                    <div class="table" style="color: #7bc2f1;"><a id='shanchu' href="javascript:;" onclick="quxiao(this, {$vo.id})">取消</a></div>
                    </if> 
                      <if condition="$vo.zid eq 3">    
                    <div class="table" style="color: #7bc2f1;"><!-- <a id='shanchu' href="javascript:;" onclick="quxiao(this, {$vo.id})">取消</a> --></div>
                    </if> 
                      <if condition="$vo.zid eq 4">    
                    <div class="table" style="color: #7bc2f1;"><a id='shanchu' href="javascript:;" onclick="quxiao(this, {$vo.id})">取消</a></div>
                    </if> 

                 <if condition="$vo.zid eq 5">    
                    <div class="table" style="color: #7bc2f1;"><a  id='shanchu'  href="javascript:;" style="" onClick="fangan(this,{$vo.id})" >查看设计方案</a></div>
                    </if> 
                      <if condition="$vo.zid eq 6">    
                    <div class="table" style="color: #7bc2f1;"><a  id='shanchu'  href="javascript:;" style="" onClick="fangan(this,{$vo.id})" >查看设计方案</a></div>
                    </if>
  <if condition="$vo.zid eq 7"> 
   <div class="table" style="color: #7bc2f1;"><!-- <a  id='shanchu' href="javascript:;" style="" onClick="fangan(this,{$vo.id})" >查看设计方案</a> --></div>


  </if>
   <if condition="$vo.zid eq 8"> 
   <div class="table" style="color: #7bc2f1;"><!-- <a  id='shanchu' href="javascript:;" style="" onClick="fangan(this,{$vo.id})" >查看设计方案</a> --></div>


  </if>
  <if condition="$vo.zid eq 9"> 
   <div class="table" style="color: #7bc2f1;"><!-- <a  id='shanchu' href="javascript:;" style="" onClick="fangan(this,{$vo.id})" >查看设计方案</a> --></div>


  </if>
                 <if condition="$vo.zid eq 10 ">    
                    <div class="table" style="color: #7bc2f1;"><a  id='shanchu' href="javascript:;" onClick="pingjia(this,{$vo.gid},{$vo.id})">评价</a></br><a  id='shanchu' href="javascript:;" style="margin-top:5px ;display: block;" onClick="fangan(this,{$vo.id})" >查看设计方案</a></div>

                    </if> 
                        <if condition="$vo.zid eq 11 ">    
                    <div class="table" style="color: #7bc2f1;"><a id='shanchu' href="{:U('User/ddxq',array('id'=>$vo['id']))}" >订单详情</a></br><a style="margin-top:5px;display: block;" id='shanchu' href="{:U('User/person',array('id'=>$vo['id']))}">删除</a></div>
                    </if> 

                   <if condition="$vo.zid eq 12 ">    
                    <div class="table" style="color: #7bc2f1;"><a id='shanchu' href="{:U('User/person',array('id'=>$vo['id']))}">删除</a></div>
                    </if> 
                    <if condition="$vo.zid eq 13 ">    
                    <div class="table" style="color: #7bc2f1;"><a id='shanchu' href="{:U('User/person',array('id'=>$vo['id']))}">删除</a></div>
                    </if> 
   
   
                </div>
                </volist>
            </div>
            </volist>
     
            <!--待确认-->
       


        </div>

</div>
 
 <div class="pages" style="margin-bottom: 10px">
                 <div  style="text-align: center; ">{$page}</div>  

            </div>
            <!--Pages-->
           

<!--bottom-->
<include file="Common:footer"/>
<!--bottom end-->

<script>
    // $(function(){
    //     $(".menu-top li").click(function(){
    //         var ss=$(this)
    //         $(".menu-top li").removeClass("active")
    //         ss.addClass("active")
    //     })
    //     $(".center_ul li").click(function(){
    //         var ss=$(this)
    //         $(".center_ul li").removeClass("active")
    //         ss.addClass("active")
    //     })
    // })
</script>


<script>
function fangan(obj,id){

layer.open({
          type: 2,
          maxmin: true, 
           shadeClose: true,
              // shade: false,
          // skin: 'layui-layer-rim', //加上边框
          area: ['870px', '570px'], //宽高
          title:'设计方案',
          content: ['{:U("User/fangan")}'+'&id='+id],
          end: function(){
               location.replace(location.href);
            }
        
        });

  

}


function quxiao(obj,id){
    $.ajax({
      url:'{:U("User/quxiao")}',
      type:'post',
      data:{
        'id':id,
      },
        success:function(data){
         if(data==1){
              layer.msg('订单已取消',{time:1000},function(){
                location.reload();
              })

         }

        }

    })


}

function pingjia(obj,gid,id){

layer.open({
          type: 2,
          // skin: 'layui-layer-rim', //加上边框
          area: ['870px', '570px'], //宽高
          title:'',
          content: ['{:U("User/pingjia")}'+'&gid='+gid+'&id='+id],
          end: function(){
                location.reload();
            }
        
        });

  

}

</script>
</body>
</html>